<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/main.css">
    <title>main page</title>
</head>

<body>
    <div class="contain flex-col">
        <div class="up-con">
            <h1>ALL FUNCTIONS</h1>
        </div>
        <div class="down-con flex-row">
            <div class="con-func" id="func1">位置定位服务</div>
            <div class="con-func" id="func2"></div>
            <div class="con-func" id="func3"></div>
            <div class="con-func" id="func4"></div>
            <div class="con-func" id="func5"></div>
            <div class="con-func" id="func6"></div>
            <div class="con-func" id="func7"></div>
            <div class="con-func" id="func8"></div>
        </div>
    </div>


    
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/style.js"></script>
    <script type="text/javascript">
        document.getElementById("func1").addEventListener("click", function () {
            window.location.href = "map/map_main.html";
        }, false);
    </script>
</body>

</html>